<div class="modal-header bg-black">
    <h5 class="modal-title">购买套餐</h5>
</div>

    <div style="margin-top: -2px;border-radius: 0 0 6px 6px;overflow: hidden;">
        <div class="col m-b-n-xxs">
            <div class="panel b-a m-b-none">
                <div class="panel-heading text-center bg-info no-border">
                    <h2 class="m-t-none">
                        <sup class="pos-rlt" style="top:-22px">￥</sup>
                        <span class="text-2x text-lt">{{currentSubPackage.cost}}</span>
                        <span class="text-xs">/ {{currentPackage.type}}</span>
                    </h2>
                </div>
                <ul class="list-group">
                    <li class="list-group-item">
                        <i class="icon-check text-success m-r-xs"></i> 每日有效请求次数上限：
                        <a class="text-info" ng-if="selectSubIndex>0" ng-click="changeSubIndex(-1)"><i class="fa fa-minus"></i></a>
                        <span class="text-muted" ng-if="selectSubIndex<=0"><i class="fa fa-minus"></i></span>
                        <span class="h3">{{currentSubPackage.limit === 0 ? "无限制":currentSubPackage.limit}}</span>
                        <a href="" class="text-info" ng-if="selectSubIndex<currentPackage.level.length - 1" ng-click="changeSubIndex(1)"><i class="fa fa-plus"></i></a>
                        <span class="text-muted" ng-if="selectSubIndex>=currentPackage.level.length - 1"><i class="fa fa-plus"></i></span>

                    </li>
                    <li class="list-group-item">
                        <i class="icon-check text-success m-r-xs"></i> 匿名度：高匿
                    </li>
                    <li class="list-group-item">
                        <i class="icon-check text-success m-r-xs"></i> 并发请求数量：不限制
                    </li>
                    <li class="list-group-item">
                        <i class="icon-check text-success m-r-xs"></i> HTTP,HTTPS,SOCK5支持
                    </li>
                </ul>
                <div class="panel-footer text-center">
                    <a href="" class="btn btn-info m" ng-click="buy()">购买本套餐</a>
                </div>
            </div>
        </div>

        <footer class="panel-footer bg-info text-center no-padder">
            <div class="row no-gutter">
                <div class="col-xs-3" ng-repeat="pack in package">
                    <div class="wrapper b" ng-class="{true:'dk', false:''}[selectIndex === $index]">
                        <span class="block text-white" ng-click="changeIndex($index)">{{pack.name}}</span>
                    </div>
                </div>
            </div>
        </footer>
    </div>
